<template>
  <view>
    <!-- 活动的弹出层 -->
    <uni-popup ref="popupAddwx" type="bottom">
      <scroll-view scroll-y="true" @scroll="scrollTop" style="height: 80vh">
        <view class="popup-size">
          <view class="header-title" :class="titleStatus ? 'header-conter-boxShadow' : ''">
            <view class="iconfont" @click="$refs.popupAddwx.close()">&#xe785;</view>
            <view class='title'>{{ popupSizeTitle }}</view>
            <view></view>
          </view>
          <view class="size-main">
            <view class="header">
              <view class="size-title">活动规则</view>
              <view class="header-text">参与本活动前，请用户务必审慎阅读本活动规则及相关条款。凡参与本次活动，则代表用户已阅读、理解并同意遵守本活动规则全部内容。</view>
            </view>
            <view class="period-validity">
              <view class="validity">活动有效期：</view>
              <view class="effective-date ">
                <view class="mark"></view>
                <view>2021年12月1日-2022年3月1日</view>
              </view>
            </view>
            <view class="size-center">
              <view class="title">活动规则：</view>
              <view class="first-step">
                <view class="step-title">
                  <view class="mark"></view>
                  <view>1、什么人可以邀请?</view>
                </view>
                 <view class="step-center">大爆炸思维付费学员均可参与。</view>
              </view>
             <view class="first-step">
               <view class="step-title">
                 <view class="mark"></view>
                 <view>2、怎么邀请?</view>
               </view>
                <view class="step-center">
                  <view>第一步:打开大爆炸思维APP-「我的」-「去邀请」-「立即邀请」，制作您的专属海报;</view>
                  <view>第二步:分享海报至朋友圈，邀请好友购买;</view>
                  <view>第三步:好友扫描您的购课海报，进入页面即可与您绑定关系，购买AI体验课。如绑定关系的好友首次购买大爆炸思维体验课，您可的好友所购体验课订单价格100%现金奖励；（关系绑定持续到好友首次购买系统课，或者3个月期限</view>
                </view>
             </view>
             <view class="first-step">
               <view class="step-title">
                 <view class="mark"></view>
                 <view>3、邀请奖励发放条件?</view>
               </view>
                <view class="step-center">
                  <view>现金奖励发放条件：</view>
                  <view><text class="num-index">①</text>邀请好友购买体验课的奖励发放条件：</view>
                  <view>邀请人必须为大爆炸思维的付费学员（体验课或者系统课），且被邀请人必须通过邀请人的专属海报首次购买体验课课程，符合此种情况，邀请人可得被邀请人所购买体验课订单价格*100%的现金奖励。</view>
                  <view><text class="num-index">②</text>邀请好友购买系统课的奖励发放条件:</view>
                  <view>以下条件须同时满足</view>
                  <view>*邀请人必须为大爆炸思维的付费学员（体验课或者系统课）付费学员;</view>
                  <view>*被邀请人必须通过邀请人的专属海报扫码首次购买体验课课程;</view>
                  <view>*被邀请人必须在绑定期间内购买系统课程;</view>
                  <view>*被邀请人必须无系统课程退款记录.</view>
                  <view>同时符合以上条件，邀请人可得绑定关系的好友购买订单金额15%现金奖励，奖励金额可以在「大爆炸思维」APP-「我的」-「推广赚佣」-「即将到账」中查看，待被邀请人购买体验课完课后或者购买系统课渡过全额退费期且购课30天后，奖励金额将转入「已到账」金额中，此时邀请人可将奖励金额提现至微信账户中。
                  如邀请人已购系统课，绑定关系的好友首次购买系统课后，邀请人额外再获得自己购买系统课订单金额15%奖励。
                  如好友购课后30天内退课，奖励将在「即将到账」金额中扣除。</view>
                  <view>(注:如被邀请人曾经购买过任意课程后退费，则再次通过邀请人购买，不算首次购买，邀请人无奖励。)</view>
                </view>
             </view>
             <view class="first-step">
               <view class="step-title">
                 <view class="mark"></view>
                 <view>4、如何提现?</view>
               </view>
                <view class="step-center">
                  <view>当您的账户中的可提现金额大于等于10元时,可直接在「大爆炸思维」APP-「我的」-「奖学金」中，选择「去提现」，按提示流程操作后,即可提现至您的微信账户中。请注意，您APP内的账户余额自获得之日起，3个月内提现有效，如超出有效期，则视为放弃提现，账户余额将自动清零。</view>
                  <view>(注:首次提现需要.上传您的真实身份证明，通过您账号发起的提现操作将视为本人行为,您需确保.上传的身份证资料是本人的真实、准确、有效的信息，并同意将该资料用于平台实名认证审核及代扣代缴税款之目的。实名身份认证信息属于个人敏感信息，我们将采用法律规定的方式及尽最大的商业努力来保护您个人敏感信息的安全。若您不提供这些信息，您可能无法正常使用相关提现服务。)</view>
                </view>
             </view>
             <!-- 其他说明 -->
             <view class="explain">
              <view class="else-title">其他说明</view>
              <view class="content">1.本活动所有数据以大爆炸思维的系统数据为准。通过本活动获得的现金奖励，须符合以上第3条的发放条件，不符合规则的情形，将无法帮助您获得奖励。</view>
              <view class="content">2.本平台依法运营此次活动，如因不可抗力、相关政策等原因导致本次活动调整、暂停举办或无法进行的，本平台有权随时决定修改、暂停、取消或终止本活动，并无需为此承担任何法律责任。</view>
              <view class="content">3.活动期间，因用户操作不当或用户所在地区网络故障、电信运营商故障、第三方平台限制等非本平台所能控制的原因导致用户无法参与活动或参与失败的，本平台无需为此承担任何法律责任。</view>
              <view class="content">4.如非因平台原因(包括但不限于第三方通过各种不当手段攻击、篡改，对本平台及本次活动进行干扰、破坏、修改或施加其他影响或系统故障)致使领取的奖励发生错误、用户无法参与或参与失败的，本平台无需为此承担任何法律责任。</view>
              <view class="content">5.任何人不得以本次活动进行违法行为(如博彩、滥发短信、微信等骚扰行为等)，也不得以任何不正当手段或舞弊方式参与本活动(虚假用户同一用户通过不同账号互相邀请)。对于本平台用户，一经发现前述情形,本平台有权取消此用户参与本次活动的资格、收回所获奖品。如其行为构成犯罪，本平台有权移交相应司法机关处理。如因其行为给本平台造成损失，同时应当承担赔偿责任。</view>
              <view class="content">6.在法律允许范围内，本平台有权对本活动规则进行变动或调整。相关变动或调整将公布在本页面上，并于公布时即时生效，用户继续参与该活动则视为对前述变动或者调整后的活动规则予以同意。如果用户拒绝上述活动规则的变更或者调整，应停止参与变更后的该活动。</view>
              <view style="padding-bottom: 100rpx;">7*在法律允许的最大范围内，大爆炸思维拥有对本活动进行解释的权利。</view>
             </view>
            </view>
          </view>
        </view>
       </scroll-view>  
    </uni-popup>
    <!-- 即将到账通知 -->
    <uni-popup ref="popupInform" type="center">
      <view class="popup-inform">
        <view class="inform-title">系统通知</view>
        <view class="conten">体验课奖励在好友完成体验课后发放系统课奖励在好友购买30日后发放，且好友未退款</view>
        <luo-button text="我已知晓" type="primary" :size=32 @btnClick="$refs.popupInform.close()" ></luo-button>
      </view>
    </uni-popup>
    <!-- 提现提示 -->
    <uni-popup ref="popupreap" type="center">
      <view class="popup-inform">
        <view class="inform-title">提现流程</view>
        <view class="conten">关注公众号【大爆炸思维】-个人中心-分销赚佣-提现</view>
        <luo-button text="去提现" type="primary" :size=32 @btnClick="Clickdeposit" ></luo-button>
      </view>
    </uni-popup>
    
  </view>
</template>

<script>
  import luoButton from '@/components/botton/luo-botton.vue'
  export default {
    components: { luoButton },
  	data() {
  		return {
        titleStatus: false,
        popupSizeTitle: ''
      }
    },
    methods:{
      // 滚动事件
      scrollTop(event){
        const vm = this
        if(event.detail.scrollTop > 10) {
          vm.popupSizeTitle = "活动规则"
          vm.titleStatus = true
        }
        if(event.detail.scrollTop < 10) {
          vm.popupSizeTitle = ""
          vm.titleStatus = false
        }
      },
      // 活动规则
      getPopup() {
        this.$refs.popupAddwx.open()
      },
      // 系统消息
      systemNews() {
        this.$refs.popupInform.open()
      },
      // 提现提示
      cremreflex() {
        this.$refs.popupreap.open()
      },
      // 提现-复制公众号-打开微信
      Clickdeposit() {
        const vm = this
          uni.setClipboardData({
              data: "大爆炸思维",
              success: function () {
                uni.showToast({	title:'复制成功',icon:'none' })
                 // 打开微信好友
                 
              }
          })
      }
    }
  }
</script>

<style lang="scss" scoped>
  .popup-size{
    width: 100%;
    // height: 80vh;
    background: #ffffff;
    font-size: 28rpx;
    overflow-y: auto;
    .header-conter-boxShadow{
      position: fixed;
      left: 0;
      top: 0;
      background: #FFFFFF;
      box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.3);
    }
    .header-title{
      width: 100%;
      height: 100rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 90rpx 0 40rpx;
      .iconfont{
        font-size: 50rpx;
        color: #777777;
      }
      .title{
        font-weight: bold;
      }
    }
    .size-main{
      // padding: 0rpx 40rpx 100rpx 40rpx;
      .header{
        border-bottom: 2rpx solid #eeeeee;
        padding: 0rpx 40rpx 40rpx 40rpx;
        .size-title{
          font-size: 40rpx;
          font-weight: bold;
          margin-bottom: 10rpx;
        }
        .header-text{
          text-align: justify;
        }
      }
      .mark{
        width: 15rpx;
        height: 15rpx;
        border: 2rpx solid #333333;
        border-radius: 50%;
        margin-right: 20rpx;
      }
      .period-validity{
        padding: 100rpx 40rpx 100rpx 40rpx;
        .validity{
          font-size: 32rpx;
          margin-bottom: 20rpx;
        }
        .effective-date{
          display: flex;
          align-items: center;
        }
      }
      .size-center{
        padding: 0 40rpx;
        .title{
          font-size: 32rpx;
          margin-bottom: 20rpx;
        }
        .first-step{
          margin-bottom: 40rpx;
          .step-title{
            display: flex;
            align-items: center;
          }
          .step-center{
            padding-left: 35rpx;
              .num-index{
               font-size: 30rpx;
              }
          }
        }
        .explain{
          .else-title{
            font-size: 32rpx;
            margin: 30rpx 0 20rpx 0;
          }
          .content{
            padding-bottom: 20rpx;
          }
        }
      }
    }
  }
  .popup-inform{
    width: 470rpx;
    height: auto;
    background: #ffffff;
    border-radius: 40rpx;
    padding:20rpx 40rpx 40rpx 40rpx;
    text-align: center;
    .inform-title{
      font-size: 36rpx;
      font-weight: bold;
    }
    .conten{
      font-size: 24rpx;
      padding: 30rpx 0 50rpx 0;
    }
    // /deep/ .btn-primary{
    //    width: 400rpx;
    //    height: 64rpx;
    //    line-height: 64rpx;
    //    letter-spacing: 4rpx;
    //    border-radius: 32rpx;
    // }
  }
  // .popup-reap{
    
  // }
</style>
